<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!--超文本链接：实现页面的跳转【6种跳转模式】
		超文本链接元素：<a href="属性值特殊">文本内容</a>
		必须属性：href=相对路径+文件全称
		超链接跳转方式：
		①跳转到本地页面：相对路径+文件全称
		②跳转至本页：# 占位符
		③跳转至互联网页面：http://www.baidu.com
		④实现下载：相对路径+压缩文件
		⑤跳转至邮箱：758991551@qq.com 软件foxmail
		⑥跳转至JS:javascript:alert("欢迎学习JS")
		target属性：跳转打开方式
		    属性值：_self 默认  在当前窗口打开
			       _blank  在新窗口打开
				   _top
				   _parent
		-->
		<a href="javascript:alert('欢迎学习JS')">3.跳转至JS</a>
		<a href="mailto:758991551@qq.com">6.跳转至邮箱</a>
		<a href="1.zip">5.下载</a><br>
		<a href="http://www.baidu.com"target="_parent">4.百度一下你就知道</a><br>
		<a href="#">1.跳转至本页</a> <br>
		<a href="大风车.html">2.跳转到大风车页面</a>
		<!--锚点步骤：1.定义锚点2.锚点距离 3.锚点位-->
		<h2> 锚点技术</h2>
		<!--1.定义锚点：人拿个绳子-->
		<a href="#abc">人</a>
		<!--2.锚点距离：设定高度为1000px-->
		<div style="height: 1000px;"></div>
		<!--3.锚点位定义
		超链接属性：name用于传参【前台传给后台】
		-->
		<a name="abc"><img src="img/1.png" alt="百变小樱" /></a>
	</body>
</html>